<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>爱到家-社区生鲜</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
	<link href="css/alongsty.css" rel="stylesheet">
    
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="css/swiper.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv_min.js"></script>
      <script src="js/respond_min.js"></script>
    <![endif]-->
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery_min1_11_2.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    
    <!-- 时间轴导航所需css&js -->
    <link rel="stylesheet" type="text/css" href="css/timeline.css" />
    
    <script src="js/jquery.timelinr-0.9.4.js" type="text/javascript"></script>
    <script type="text/javascript"> 
        $(function(){
            $().timelinr({
                autoPlay: 'true',
                autoPlayDirection: 'forward',
                startAt: 3
            })
        });
    </script>
    
    <style type="text/css">
		<!--
		body{ background:#eeeeee;  font-family:"微软雅黑"； }
		input[type="text"],input[type="password"],input[type="date"],input[type="month"],input[type="month"],input[type="time"],input[type="week"],input[type="email"],select{border:none; outline:none; transition:border 0.2s ease-in 0s;  }
		input[type="button"],input[type="submit"]{outline:none;cursor:pointer;border:none;}		input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="email"]:focus,select:focus{border:1px solid #17a862;  }
		
			
		-->
    </style>
</head>
  <body >
    <div class="toper navbar-fixed-top">
    	<div class="row color_white " >
      	  <div class="col-xs-2" style="padding-left:25px;"><a class="cwhite" href="index.html"><i class="icon-angle-left font32"></i></a></div>
          <div class="col-xs-8 text-center font20">商家详情</div>
          <div class="col-xs-2" >&nbsp;</div>
      	</div>
    </div><!-- toper -->
    <div class="height53"></div>
   	<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            	<div class="productphoto"><img src="images/jdt1.jpg"></div>
            </div>
            <div class="swiper-slide">
            	<div class="productphoto"><img src="images/jdt2.jpg"></div>
            </div>
            <div class="swiper-slide">
            	<div class="productphoto"><img src="images/jdt3.jpg"></div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
    </script><!-- 焦点图 -->
    <div class=" width100 bg_white" style="padding:10px;">
    	<h4>精英连锁果蔬超市</h4>
        <div class="artic14">
        	<p>专业品质，所有的蔬果都很安全。美好生活从这里开始！
欢迎光临！<br>
地址：北京市海淀区花园桥路105号</p>
        </div>
        <div class="clear"></div>
    </div><!--a-->
    <div class="height10"></div>
    <div class=" width100 bg_white" >
    	<div id="timeline">
        <ul id="dates" >
            <li><a href="#love1">蔬菜</a></li>
            <li><a href="#love2">水果</a></li>
            <li><a href="#love3">采摘</a></li>
            <li><a href="#love4">副食</a></li>
        </ul>
        <div class=" box_main2">
        	<ul id="issues">
                <li id="love1">
                	<div class=" width100" style="padding:10px;">
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_03.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_03.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/finish.png" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default disabled" type="submit" style=" border:2px solid #838383;"><span ><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="height20"></div>
                          <button type="button" class="btn btn-default btn-group-justified" >加载更多 <i class="icon-double-angle-down"></i></button>
                          <div class="height20"></div>
                      </div>
                    <div class="height20"></div>
                    <div class="height60"></div>
                </li><!--love1-->
                <li id="love2">
                	<div class=" width100" style="padding:10px;">
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_05.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_05.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/finish.png" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default disabled" type="submit" style=" border:2px solid #838383;"><span ><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="height20"></div>
                          <button type="button" class="btn btn-default btn-group-justified" >加载更多 <i class="icon-double-angle-down"></i></button>
                          <div class="height20"></div>
                      </div>
                    <div class="height20"></div>
                    <div class="height60"></div>
                </li><!--love2-->
                <li id="love3">
                	<div class=" width100" style="padding:10px;">
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_07.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_07.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/finish.png" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default disabled" type="submit" style=" border:2px solid #838383;"><span ><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="height20"></div>
                          <button type="button" class="btn btn-default btn-group-justified" >加载更多 <i class="icon-double-angle-down"></i></button>
                          <div class="height20"></div>
                      </div>
                    <div class="height20"></div>
                    <div class="height60"></div>
                </li><!--love3-->
                <li id="love4">
                	<div class=" width100" style="padding:10px;">
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_09.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/pic_09.jpg" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default" type="submit" style=" border:2px solid #17a862;"><span class="color_green"><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="media">
                              <div class="media-left">
                                <a href="#"><div class="photo_80"><img src="images/finish.png" class="img-rounded" ></div></a>
                              </div>
                              <div class="media-body">
                                <h5 class="media-heading font16">有机菠菜</h5>
                                <span class="pull-right"><button class="btn btn-default disabled" type="submit" style=" border:2px solid #838383;"><span ><i class="icon-shopping-cart"></i> 加入购物车</span></button></span>
                                <p class=" color_gray font16"><span class="color_orange font18">¥136</span>/份</p>
                              </div>
                          </div><!--b-->
                          <div class="height20"></div>
                          <button type="button" class="btn btn-default btn-group-justified" >加载更多 <i class="icon-double-angle-down"></i></button>
                          <div class="height20"></div>
                      </div>
                    <div class="height20"></div>
                    <div class="height60"></div>
                </li><!--love4-->
                
                
                
            </ul>
            <div class="height10"></div>
        </div>
    </div>
    </div>
    <div class="height10"></div>
    
    
  </body>
</html>